<template>
  <view class="check-update">
    <!-- 返回按钮 -->
    <view class="back-button" @click="handleBack">
      <uni-icons type="left" size="20" color="#333"></uni-icons>
    </view>
    
    <view class="update-content">
      <image src="/static/images/update/check.png" mode="aspectFit" class="update-icon"></image>
      <text class="update-text">已是最新版本</text>
      <text class="version-text">当前版本：1.0.0</text>
    </view>
  </view>
</template>

<script setup lang="ts">
// 页面配置
defineOptions({
  navigationBarTitleText: '检查更新'
})

// 返回上一页
const handleBack = () => {
  uni.navigateBack()
}
</script>

<style lang="scss">
.check-update {
  min-height: 100vh;
  background-color: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  
  .back-button {
    position: fixed;
    top: 80rpx;
    left: 20rpx;
    width: 60rpx;
    height: 60rpx;
    background-color: #fff;
    border-radius: 30rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.1);
    z-index: 100;
  }
  
  .update-content {
    text-align: center;
    
    .update-icon {
      width: 120rpx;
      height: 120rpx;
      margin-bottom: 30rpx;
    }
    
    .update-text {
      font-size: 36rpx;
      color: #333;
      font-weight: bold;
      display: block;
      margin-bottom: 20rpx;
    }
    
    .version-text {
      font-size: 28rpx;
      color: #999;
    }
  }
}
</style> 